*{-moz-user-select:none;user-select:none;-webkit-user-select:none}img{-webkit-user-drag:none}body{height:100vh}:root{--rpx: 100vw / 1284;--bg-color: #ffffff;--page-container-color: #ffffff;--page-border-color: #ffffff;--card-bg-color: #f1f6fc;--card-title-color: #000000;--card-text-color: #8c8c8c;--bottom-block-bg-color: #ffffff}.dark{--bg-color: #171718;--page-container-color: #1d1d20;--page-border-color: #1d1d1f;--card-bg-color: #27272c;--card-title-color: #ffffff;--card-text-color: #999999;--bottom-block-bg-color: #27272c}@media (min-width: 420px){:root{--rpx: 420px / 1284}}.app{min-height:100vh}.app--ios .head-frame-header{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.app--ios .head-frame-footer{padding:calc(45 * var(--rpx)) calc(48 * var(--rpx)) calc(113 * var(--rpx)) calc(48 * var(--rpx))!important}.head-frame-page{height:100vh;overflow:hidden}.head-frame-page .dark{background-image:url(https://guild-1251316161.file.myqcloud.com/guild-medal/head_frame_dark_bg.png)!important}.head-frame-page .head-frame-container-bg{height:calc(702 * var(--rpx));width:100%;background-image:url(https://guild-1251316161.file.myqcloud.com/guild-medal/head_frame_bg.png);background-size:cover;position:fixed;top:0;left:0;z-index:-11}.head-frame-page .head-frame-header{padding-bottom:calc(65 * var(--rpx))}.head-frame-page .head-frame-header .user-info{height:calc(300 * var(--rpx));border-radius:calc(36 * var(--rpx));display:flex;align-items:center;justify-content:center}.head-frame-page .head-frame-header .user-info .img-block{position:relative;display:flex;align-items:center;justify-content:center;width:calc(300 * var(--rpx));height:calc(300 * var(--rpx))}.head-frame-page .head-frame-header .user-info .img-block .head-frame{width:calc(300 * var(--rpx));height:calc(300 * var(--rpx));position:absolute;top:0;left:0}.head-frame-page .head-frame-header .user-info .img-block .avatar{width:calc(240 * var(--rpx));height:calc(240 * var(--rpx));border-radius:50%;-o-object-fit:cover;object-fit:cover}.head-frame-page .head-frame-container{height:calc(100vh - 655 * var(--rpx));border:calc(3 * var(--rpx)) solid var(--page-border-color);border-top:none;background:var(--page-container-color);box-shadow:0 calc(15 * var(--rpx)) calc(75 * var(--rpx)) 0 rgba(0,0,0,.05);border-radius:calc(36 * var(--rpx)) calc(36 * var(--rpx)) 0 0;padding-bottom:calc(275 * var(--rpx));overflow:hidden;overflow-y:auto;width:100%}.head-frame-page .head-frame-container .item-header-title{color:var(--card-title-color);font-size:calc(51 * var(--rpx));font-weight:500;font-family:PingFang SC;position:sticky;top:0;z-index:111;background:var(--page-container-color);width:100%;padding:calc(64 * var(--rpx)) calc(48 * var(--rpx)) calc(36 * var(--rpx)) calc(48 * var(--rpx))}.head-frame-page .head-frame-container .head-frame-item{padding:0 calc(48 * var(--rpx))}.head-frame-page .head-frame-container .head-frame-item .item-title{color:var(--card-title-color);font-size:calc(51 * var(--rpx));font-weight:500;font-family:PingFang SC;text-align:left;display:flex;align-items:center;margin-bottom:calc(36 * var(--rpx))}.head-frame-page .head-frame-container .item-list{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:calc(64 * var(--rpx))}.head-frame-page .head-frame-container .item-list .actived-item{position:relative}.head-frame-page .head-frame-container .item-list .actived-item:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 6 * var(--rpx));height:calc(100% - 6 * var(--rpx));border:calc(6 * var(--rpx)) solid #0099ff;border-radius:calc(26 * var(--rpx));content:""}.head-frame-page .head-frame-container .item-list .activity-item .img-block{margin-top:calc(24 * var(--rpx))!important}.head-frame-page .head-frame-container .item-list .item-list-head-frame{display:flex;height:calc(525 * var(--rpx));width:calc((100% - 66 * var(--rpx)) / 3);align-items:center;flex-direction:column;border-radius:calc(26 * var(--rpx));background:var(--card-bg-color);position:relative;margin-right:calc(33 * var(--rpx));margin-bottom:calc(33 * var(--rpx))}.head-frame-page .head-frame-container .item-list .item-list-head-frame:nth-child(3n){margin-right:0}.head-frame-page .head-frame-container .item-list .item-list-head-frame .img-block{position:relative;display:flex;align-items:center;justify-content:center;margin-top:calc(45 * var(--rpx));width:calc(270 * var(--rpx));height:calc(270 * var(--rpx))}.head-frame-page .head-frame-container .item-list .item-list-head-frame .img-block .head-frame{width:calc(270 * var(--rpx));height:calc(270 * var(--rpx));position:absolute;top:0;left:0}.head-frame-page .head-frame-container .item-list .item-list-head-frame .img-block .avatar{width:calc(216 * var(--rpx));height:calc(216 * var(--rpx));border-radius:50%}.head-frame-page .head-frame-container .item-list .item-list-head-frame .head-frame-title{text-align:center;color:var(--card-title-color);font-size:calc(42 * var(--rpx));font-weight:400;font-family:PingFang SC;margin:calc(24 * var(--rpx)) 0 calc(24 * var(--rpx)) 0}.head-frame-page .head-frame-container .item-list .item-list-head-frame .head-frame-desc{color:var(--card-text-color);font-size:calc(30 * var(--rpx));font-weight:400;font-family:PingFang SC;text-align:center;display:flex;align-items:center}.head-frame-page .head-frame-container .item-list .item-list-head-frame .head-frame-desc .time-icon{width:calc(33 * var(--rpx));height:calc(33 * var(--rpx));margin-right:calc(6 * var(--rpx))}.head-frame-page .head-frame-container .item-list .item-list-head-frame .head-frame-btn{height:calc(78 * var(--rpx));line-height:calc(78 * var(--rpx));font-size:calc(42 * var(--rpx))}.head-frame-page .head-frame-container .item-list .item-list-head-frame .selected-block{position:absolute;top:calc(0 * var(--rpx));right:calc(0 * var(--rpx));background:#0099ff;height:calc(70 * var(--rpx));width:calc(70 * var(--rpx));border-radius:0 calc(20 * var(--rpx)) 0 calc(20 * var(--rpx));display:flex;align-items:center;justify-content:center}.head-frame-page .head-frame-container .item-list .item-list-head-frame .selected-block img{width:calc(39 * var(--rpx));height:calc(39 * var(--rpx))}.head-frame-page .head-frame-container .none-head-frame{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:calc(150 * var(--rpx)) 0}.head-frame-page .head-frame-container .none-head-frame img{width:calc(812 * var(--rpx));height:calc(609 * var(--rpx));margin-bottom:calc(50 * var(--rpx))}.head-frame-page .head-frame-container .none-head-frame p{color:#999;font-size:calc(42 * var(--rpx));font-weight:400;font-family:PingFang SC;text-align:center}.head-frame-page .head-frame-footer{position:fixed;bottom:0;opacity:1;background:var(--bottom-block-bg-color);box-shadow:0 -11px calc(30 * var(--rpx)) 0 rgba(0,0,0,.05);padding:calc(48 * var(--rpx));box-sizing:border-box;width:100%;z-index:11111}.head-frame-page .head-frame-footer .save-btn{height:calc(135 * var(--rpx));line-height:calc(135 * var(--rpx));width:100%}.app--android .head-frame-header[data-v-887f3fda]{padding-top:calc(var(--79a2bbd3) + 44px)}.app--android .head-frame-container[data-v-887f3fda]{height:calc(100vh - (523 * var(--rpx)))!important}